<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Weibo Docker Container Platform</title>

  <!-- Bootstrap -->
  <link href="gentelella/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  <!-- Font Awesome -->
  <link href="gentelella/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <!-- Animate.css -->
  <link href="gentelella/css/animate.min.css" rel="stylesheet">
  <!-- PNotify -->
  <link href="gentelella/vendors/pnotify/dist/pnotify.css" rel="stylesheet">
  <link href="gentelella/vendors/pnotify/dist/pnotify.buttons.css" rel="stylesheet">
  <link href="gentelella/vendors/pnotify/dist/pnotify.nonblock.css" rel="stylesheet">

  <!-- Custom Theme Style -->
  <link href="gentelella/build/css/custom.min.css" rel="stylesheet">
</head>

<body class="login">
    <div>
      <a class="hiddenanchor" id="signin"></a>

      <div class="login_wrapper">
        <div class="animate form login_form">
          <section class="login_content">
            <form>
              <h1>Docker容器平台</h1>
              <div>
                <input type="text" id="username" class="form-control" placeholder="用户名" onkeyup="check()" onchange="check()" required="" />
              </div>
              <div>
                <input type="password" id="password" class="form-control" placeholder="密码" onkeyup="check()" onchange="check()" required="" />
              </div>
              <div>
                <select class="form-control" id="authtype" onchange="check()">
                  <option value="local">本地认证</option>
                  <option value="ldap">LDAP</option>
                </select>
              </div>
              <div style="margin-top: 10px;">
                <button class="btn btn-default" style="width: 100px;" id="btnCommit" onclick="login('login');return false;" disabled>登 录</button>
              </div>

              <div class="clearfix"></div>
            </form>
          </section>
        </div>
      </div>
    </div>
    <!-- jQuery -->
    <script src="gentelella/vendors/jquery/dist/jquery.min.js"></script>
    <!-- PNotify -->
    <script src="gentelella/vendors/pnotify/dist/pnotify.js"></script>
    <script src="gentelella/vendors/pnotify/dist/pnotify.buttons.js"></script>
    <script src="gentelella/vendors/pnotify/dist/pnotify.nonblock.js"></script>
    <!-- page level -->
    <script src="js/pnotify.js"></script>
    <script src="js/login.js"></script>
    <script>
      var check=function(){
        var disabled=false;
        if($('#username').val()=='') disabled=true;
        if($('#password').val()=='') disabled=true;
        if($('#authtype').val()=='') disabled=true;
        $("#btnCommit").attr('disabled',disabled);
      }
    </script>
</body>
</html>